<!-- 业务统计 -->
<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane v-for="(item, index) of tabs" :key="index" :label="item.label" :name="item.name">
        <component :is="item.name"  :id="index"  :active="activeName" :goods_type="dict.type.goods_type" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Client from './Client'
import Item from './Item'
import Dot from './Dot'
import Freightage from './Freightage'

export default {
  name: "businessStatistics",
  dicts: ['goods_type'],
  components: {
    Client,
    Item,
    Dot,
    Freightage
  },
  data() {
    return {
      activeName: 'Client',
      tabs: [
        {
          label: '客户业务报表',
          name: 'Client'
        },
        // {
        //   label: '项目业务报表',
        //   name: 'Item'
        // },
        // {
        //   label: '网点业务报表',
        //   name: 'Dot'
        // },
        // {
        //   label: '货物运输统计',
        //   name: 'Freightage'
        // }
      ],
    };
  },
  methods: {
    // tab 切换
    handleClick() {

    }

  }
};
</script>
<style lang="scss" scoped>
.el-tabs {
  ::v-deep {
    .el-tabs__header {
      margin-bottom: 0;
    }
  }
}
</style>
